<template>
  <div class="head">
    <img src="../.././assets/logo.png">
    <div class="left">数据规划平台</div>
    <div class="right">
      <!-- <el-button type="text" style="color:white">登录</el-button> -->
      <!-- <el-button type="text" style="color:white" @click="toHome">退出</el-button> -->
    </div>
  </div>
</template>

<script>
export default{
  name:'Header',
  components:{
   },
  data(){
    return{
    }
  },
  methods: {
    toHome(){
     
     this.$router.push({
         name: '首页', 
      })

    }
  },
}
</script>

<style scoped>
.head{
  background-color:rgb(59 83 119 / 75%);
  /* background-color: #687ca5; */
  /* background-color: #be3838; */
  color: aliceblue;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 80px;
  position: fixed;
  top:0;
  left:0;
  display: flex;
  z-index:9;
  /* border-bottom: 2px solid #694444; */
  /* box-shadow:0 5px 5px -5px rgb(128, 21, 21); */
box-shadow:0px 3px 4px 1px rgb(99, 96, 96);
  
}
.left{
  flex:9;
  font-size: 40px;
  margin-left:350px;
  
}
.right{
  flex:1;
  color: aliceblue;
}
img{
  position:absolute;
  top: 10px;
  left:15px;
  width:60px;
  height:60px;
  border-radius:100px;
}

</style>
